<!DOCTYPE html>
<html>
    <head>
        <title>Registerer deg</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
        <script src="../resources/js/admin.js"></script>
        <script src="../resources/js/validate.js"></script>
        <script src="../resources/js/signUp.js"></script>
        <script src="../resources/js/logIn.js"></script>
        <link rel="stylesheet" type="text/css" href="../resources/css/default.css">
        <link rel="stylesheet" type="text/css" href="../resources/css/button.css">
        <script src="../resources/js/header.js"></script>
        <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
        <script src="http://code.highcharts.com/highcharts.js"></script>
        <script src="http://code.highcharts.com/modules/exporting.js"></script>
    </head>
    <body>
        <?php include '../resources/templates/header.php' ?>
        <div id="content-wrapper">
            <article id="content">
                <table>
                    <tr>
                        <td class="bold">Fornavn:</td>
                        <td><input required id="signup-firstname" name="firstname"></input></td>
                        <td><img id="signup-firstname-error" class="hidden v-align-middle" src="../resources/images/error.svg"><img id="signup-firstname-check" class="hidden v-align-middle" src="../resources/images/check.svg"></td>
                        <td><div id="signup-firstname-msg"></div></td>
                    </tr>
                    <tr>
                        <td class="bold">Etternavn:</td>
                        <td><input required id="signup-lastname" name="lastname"></input></td>
                        <td><img id="signup-lastname-error" class="hidden v-align-middle" src="../resources/images/error.svg"><img id="signup-lastname-check" class="hidden v-align-middle" src="../resources/images/check.svg"></td>
                        <td><div id="signup-lastname-msg"></div></td>
                    </tr>
                    <tr>
                        <td class="bold">E-post:</td>
                        <td><input required id="signup-email" name="email" type="email"></input></td>
                        <td><img id="signup-email-error" class="hidden v-align-middle" src="../resources/images/error.svg"><img id="signup-email-check" class="hidden v-align-middle" src="../resources/images/check.svg"></td>
                        <td><div id="signup-email-msg"></div></td>
                    </tr>
                    <tr>
                        <td class="bold">Brukernavn:</td>
                        <td><input required id="signup-username" name="username"></input></td>
                        <td><img id="signup-username-error" class="hidden v-align-middle" src="../resources/images/error.svg"><img id="signup-username-check" class="hidden v-align-middle" src="../resources/images/check.svg"></td>
                        <td><div id="signup-username-msg"></div></td>
                    </tr>
                    <tr>
                        <td class="bold">Passord:</td>
                        <td><input required id="signup-password" name="password" type="password"></input></td>
                        <td><img id="signup-pw-error" class="hidden v-align-middle" src="../resources/images/error.svg"><img id="signup-pw-check" class="hidden v-align-middle" src="../resources/images/check.svg"></td>
                        <td><div id="signup-pw-msg"></div></td>
                    </tr>
                    <tr>
                        <td class="bold">Gjenta Passord:</td>
                        <td><input required id="signup-password2" name="password" type="password"></input></td>
                        <td><img id="signup-pw2-error" class="hidden v-align-middle" src="../resources/images/error.svg"><img id="signup-pw2-check" class="hidden v-align-middle" src="../resources/images/check.svg"></td>
                        <td><div id="signup-pw2-msg"></div></td>
                    </tr>
                </table>
                <table>
                    <tr>
                        <td colspan="4"><input required id="signup-agreement" name="agreement" type="checkbox" class="v-align-middle"><span>Jeg har lest og godtatt barviking.no sine <a href="#">brukervilkår</a>.</span></input></td>
                    </tr>
                    <tr>
                        <td colspan="4"><button id="signUpBtn" class="square-btn disabled">Registrer</button></td>
                    </tr>
                    <tr>
                        <td id="signup-feedback"></td>
                    </tr>
                </table>
            </article>
        </div>
        <!--        This span is used to measure the window-width correctly. Do not remove-->
        <span class="windowWidth"></span>
        <?php include '../resources/templates/footer.php' ?>
    </body>
</html>